<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    {% load static %}
    <link rel="stylesheet" href="{% static 'css/style.css' %}">
    <style>
        select{
            width: 270px;
            height: 42px;
            line-height: 42px;
            margin-top: 25px;
            padding: 0 15px;
            background: #2d2d2d;
            background: rgba(45,45,45,.15);
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            border-radius: 6px;
            border: 1px solid #3d3d3d;
            border: 1px solid rgba(255,255,255,.15);
            -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
            -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
            box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
            font-family: microsoft yahei,Helvetica,Arial,sans-serif;
            font-size: 14px;
            color: #fff;
            text-shadow: 0 1px 2px rgba(0,0,0,.1);
            -o-transition: all .2s;
            -moz-transition: all .2s;
            -webkit-transition: all .2s;
            -ms-transition: all .2s;
        }
    </style>
</head>

<body>
<div class="login-container">
    <h1>ShareLink</h1>
    <div class="connect">
        <p >Link the world. Share to world.</p>
    </div>
    <form action="" method="post" id="registerForm" novalidate="novalidate">
        {% csrf_token %}
        <div>
            {{ form_obj.username }}
            {{ form_obj.username.errors.0 }}
{#            <input type="text" name="username" class="username" placeholder="您的用户名" autocomplete="off">#}
        </div>
        <div>
            {{ form_obj.password }}
            {{ form_obj.password.errors.0 }}
{#            <input type="password" name="password" class="password" placeholder="输入密码" oncontextmenu="return false" onpaste="return false">#}
        </div>
        <div>
            {{ form_obj.re_password }}
            {{ form_obj.re_password.errors.0 }}
{#            <input type="password" name="confirm_password" class="confirm_password" placeholder="再次输入密码" oncontextmenu="return false" onpaste="return false">#}
        </div>
        <div>
            {{ form_obj.mobile }}
            {{ form_obj.mobile.errors.0 }}
{#            <input type="text" name="phone_number" class="phone_number" placeholder="输入手机号码" autocomplete="off" id="number">#}
        </div>
        <div>
            {{ form_obj.name }}
{#            <input type="email" name="email" class="email" placeholder="输入邮箱地址" oncontextmenu="return false" onpaste="return false">#}
        </div>
        {{ form_obj.department }}
        {{ form_obj.department.errors.0 }}
        <button id="submit" type="submit">注 册</button>
    </form>
    <a href="index.html">
        <button type="button" class="register-tis">已经有账号？</button>
    </a>
</div>

<script src="{% static 'js/jquery.min.js' %}"></script>
{#<script src="{% static 'js/common.js' %}"></script>#}
<script src="{% static 'js/supersized.3.2.7.min.js' %}"></script>
<script src="{% static 'js/supersized-init.js' %}"></script>
<script src="{% static 'js/jquery.validate.min.js' %}"></script>
</body>
</html>